<template>
  <div class="page-fs">
    <table>
      <thead>
        <tr>
          <th>
            <div>1111111111111111111111111dsfdsfdgd1111111111</div>
          </th>
          <th
            v-for="index_1 of 8"
            :key="index_1"
          >
            <div>000 - {{ index_1 }}</div>
          </th>
          <th>
            <div>1111111111111111111111111dsfdsfdgd1111111111</div>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr
          v-for="_index of 100"
          :key="_index"
        >
          <td
            v-for="_index_1 of 10"
            :key="_index_1"
          >
            <div>第三方的杀杀杀杀杀杀杀杀杀杀杀杀杀杀杀杀杀杀</div>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
    data() {
        return {}
    }
}
</script>

<style scoped>

table tr > *:nth-child(3) {
    width: 200px;
}

table {
    width: 100%;
    height: 100%;
}

table > * > tr > * {
    border: 1px solid red;
    padding: 5px;
}

table div {
    width: 100%;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

table tbody {
    display: block;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

table thead {
    display: table;
    width: calc(100% - 15.5px);
    table-layout: fixed;
}

</style>